<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="preconnect" href="https://gw.alipayobjects.com" crossorigin="anonymous">
    <link rel="preconnect" href="https://img.alicdn.com" crossorigin="anonymous">
    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin="anonymous">
    <link rel="preconnect" href="https://vars.hotjar.com">
    <link rel="preconnect" href="https://script.hotjar.com">
    <link rel="preconnect" href="https://www.google-analytics.com">
    <link rel="dns-prefetch" href="https://www.google-analytics.com">
    <link rel="preconnect" href="https://cdn.jsdelivr.net">
    <link rel="preconnect" href="https://api.github.com">
    <link rel="preload" href="https://script.hotjar.com/font-hotjar_5.65042d.woff2" as="font" type="font/woff2" crossorigin>

    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="translucent">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="keywords" content="angular, ant design, ant, angular ant design, web, ui, components, ng, zorro, responsive, typescript, css, mobile web, open source, 组件库, 组件, UI 框架">
    <meta name="author" content="NG-ZORRO Team">
    <meta name="description" content="An enterprise-class UI design language and Angular-based implementation with a set of high-quality Angular components, one of best Angular UI library for enterprises">
    <!--Twitter card metadata-->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@ng_zorro">
    <meta name="twitter:creator" content="@ng_zorro">
    <meta name="twitter:title" content="NG-ZORRO - Ant Design Of Angular">
    <meta name="twitter:description" content="An enterprise-class UI design language and Angular-based implementation with a set of high-quality Angular components, one of best Angular UI library for enterprises">
    <meta name="twitter:image" content="https://ng.ant.design/assets/img/site-preview.png">
    <!--Open Graph-->
    <meta property="og:url" content="https://ng.ant.design/">
    <meta property="og:type" content="website">
    <meta property="og:title" content="NG-ZORRO - Ant Design Of Angular">
    <meta property="og:site_name" content="NG-ZORRO - Ant Design Of Angular">
    <meta property="og:locale" content="en_US">
    <meta property="og:description" content="An enterprise-class UI design language and Angular-based implementation with a set of high-quality Angular components, one of best Angular UI library for enterprises">
    <meta property="og:image" content="https://ng.ant.design/assets/img/site-preview.png">
    <meta property="og:image:secure_url" content="https://ng.ant.design/assets/img/site-preview.png">
    <meta property="og:image:type" content="image/png">
    <meta property="og:image:width" content="2048">
    <meta property="og:image:height" content="1536">
    <meta name="theme-color" content="#1890ff">

    <link rel="icon shortcut" href="https://img.alicdn.com/tfs/TB1Jr2ASQvoK1RjSZFDXXXY3pXa-200-200.png" type="image/x-icon">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/icons/apple-icon-180.png">
    <link rel="apple-touch-icon" sizes="167x167" href="assets/icons/apple-icon-167.png">
    <link rel="apple-touch-icon" sizes="152x152" href="assets/icons/apple-icon-152.png">
    <link rel="apple-touch-icon" sizes="120x120" href="assets/icons/apple-icon-120.png">
    <link rel="manifest" href="manifest.json">
    <title>NG-ZORRO Angular UI component library</title>
    <base href="/">
    <!-- Hotjar Tracking Code for ng.ant.design -->
    <script>
      (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:792689,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
      })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
    </script>

    <style type="text/css">
       /* Prevent trigger animations before page load, will be removed when the page is ready */
      .preload * {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
      }
    </style>
  </head>
  <body class="preload">
    <app-root></app-root>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-52892298-2"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-52892298-2');
    </script>
    <noscript>Please enable JavaScript to continue using this application.</noscript>
  </body>
</html>
